﻿<div>
    <div class="ui-tipbox ui-tipbox-warning">
        <div class="ui-tipbox-icon ui-icon-warning">
            warning</div>
        <div class="ui-tipbox-content">
            <p>
                抱歉，未能完成全部付款！</p>
        </div>
    </div>
    <div class="ui-tip-content">
        <ul class="ui-commend-content">
            <li class="with-label fn-clear"><span class="result-label">付款结果：</span> <span class="ui-s-icon icon-error">
            </span>失败 1 笔 | <a smartracker="on" seed="withLabel-link" href="https://lab.alipay.com/consume/record/index.htm?protocol=101&amp;sceneCode=102">
                查看</a> &nbsp;&nbsp;&nbsp; <span class="ui-s-icon icon-success"></span>成功 1 笔 | <a
                    smartracker="on" seed="withLabel-linkT1" href="https://lab.alipay.com/consume/record/index.htm?protocol=101">
                    查看</a> </li>
        </ul>
        <div class="ui-tip-action">
            <a smartracker="on" seed="content-link" href="https://lab.alipay.com/consume/record/index.htm">
                查看交易记录</a> <a smartracker="on" seed="content-linkT1" href="https://my.alipay.com/portal/i.htm">
                    我的支付宝</a>
        </div>
    </div>
</div>
<style type="text/css">
    .ui-tipbox{
position:relative;
zoom: 1;
}
.ui-tipbox .ui-tipbox-icon{
width:32px;
height:32px;
position:absolute;
top:20px;
left:51px;
text-indent:-9999px;
}
.ui-tipbox-icon, .ui-s-icon{background: transparent url('https://i.alipayobjects.com/e/201201/2NBAbOHc4g.png') no-repeat;}
.ui-tipbox-message{
border:1px solid #CBD7E2;
background:#E4F5FE;
}
.ui-icon-message{
background-position: 0 0;
}
.ui-tipbox-success{
border:1px solid #E1E1CA;
background:#EDFED0;
}
.ui-icon-success{
background-position:-99px 0;
}
.ui-tipbox-error{
background: #FDEEE9;
border: 1px solid #F6C7B8;
}
.ui-icon-error{
background-position:-66px 0;
}
.ui-tipbox-warning{
background: #FEFEA4;
border: 1px solid #E6C46A;
}
.ui-icon-warning{
background-position:-33px 0;
}
.ui-tipbox-question{
border:1px solid #CBD7E2;
background:#E4F5FE;
}
.ui-icon-question{
background-position:-132px 0;
}
.ui-tipbox-stop{
background: #FDEEE9;
border: 1px solid #F4C7B5;
}
.ui-icon-stop{
background-position:-165px 0;
}
.ui-tipbox-wait{
border:1px solid #E6CBB1;
background:#FFF9D9;
}
.ui-icon-wait{
background-position:-198px 0;
}
.ui-tipbox-content{
margin: 26px 0 26px 104px;
}
.ui-tipbox-content-simple{
margin: 24px 0 24px 87px;
}
.ui-tipbox-content h3{
color: #333;
font-size: 16px;
font-weight:bold;
}
.ui-tipbox-explain{
color:#808080;
}
.ui-tipbox-other{
color:#333;
}
.ui-tipbox-other a{
color:#3d86e5;
}
.ui-tipbox-xbox {
background: #fff;
border: 1px solid transparent;
}

.ui-s-icon {
	cursor: default;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
    width: 16px;
    _margin: 6px 0;
    margin-right: 4px;
}
.icon-success {
	background-position:-44px -33px;
}
.icon-error {
	background-position:-29px -33px;
}
.icon-info {
	background-position: 1px -33px;
}
.ui-tip-content {
	border: 1px solid #d8d8d8;
	border-top: none;
	padding: 0 20px;
}
.ui-commend-content {
	padding: 12px 0 12px 87px;
	border-bottom: 1px dashed #EEE;
	list-style: none;
    margin: 0;
    border-bottom: 1px dashed #eeeeee;
}
.ui-commend-content li {
	font-size: 12px;
	line-height: 28px;
	vertical-align: middle;
}
.ui-commend-content li.with-label {
	padding-left: 70px;
}
.ui-commend-content .with-label .result-label {
	float:left;
	margin-left:-70px;
}
.ui-commend-content a {
	color: #0088cc;
	text-decoration: none;
}
.ui-commend-content a:hover {
	text-decoration: underline;
}
.ui-commend-content .overSold {
	*float:left;
}
.ui-tip-action {
	padding-left: 87px;
}
.ui-tip-action a {
	font-size: 14px;
	margin-right: 28px;
	line-height: 50px;
	vertical-align: middle;
	text-decoration: none;
	color: #0088cc;
}
.ui-tip-action a:hover {
	text-decoration: underline;
}
</style>
